<template>
	<view id="main">
		<view style="margin:0 auto;margin-top: 104upx;text-align: center;">
			<image class="logo" src="../../static/like.png" mode="aspectFill"></image>
			<view style="margin-top: 10upx;">蜀小郎</view>
		</view>
		<view style="margin-top: 110upx;padding-left: 32upx;padding-right: 32upx;">
			<van-cell-group>
				<van-field :value="phone" @input="phone=$event.detail.value" label="手机号"placeholder="请输入手机号码" />
				<van-field type="password" :value="password" @input="password=$event.detail.value" label="密码"placeholder="请输入密码" />
			</van-cell-group>
			<view class="forget">忘记密码</view>
		</view>
		<button class="button" style="margin-top: 110upx;">立即登录</button>
		<view style="text-align: center;font-size: 24upx;font-weight: 500;color: #666666;margin-top: 30upx;">
			没有账号？
			<label style="color: #FBC241;">立即注册</label>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				phone:'',
				password:''
			}
		}
	}
</script>

<style lang="scss" scoped>
	.logo{
		width: 156upx;
		height: 156upx;
	}
	.forget{
		margin-top: 20upx;
		font-size: 24upx;
		font-weight: 500;
		color: #666666;
		text-align: right;
	}
</style>
